{% extends 'appbuilder/init.html' %}
{% import 'appbuilder/baselib.html' as baselib %}

{% block body %}
{% include 'appbuilder/general/confirm.html' %}
{% include 'appbuilder/general/alert.html' %}

{% block navbar %}
<header class="top" role="header">
    {% include 'appbuilder/navbar.html' %}
</header>
{% endblock %}


<div class="container">
    <div class="row">
        {% block messages %}
        {% include 'appbuilder/flash.html' %}
        {% endblock %}
        {% block content %}
        <div class="jumbotron">
            <div class="container">
                <p class="action">
                    <button type="button" class="btn btn-lg btn-primary">开始</button>
                    <button type="button" class="btn btn-lg btn-info">暂停</button>
                    <button type="button" class="btn btn-lg btn-warning">继续</button>
                    <button type="button" class="btn btn-lg btn-danger">停止</button>
                </p>
                <div class="row">
                    <div class="panel panel-default">
                        <div class="panel-heading">
                            <h3 class="panel-title">设置</h3>
                        </div>
                        <div class="panel-body global-cfg">

                        </div>
                    </div>
                    <div class="panel panel-default">
                        <div class="panel-heading">
                            <h3 class="panel-title">后端</h3>
                        </div>
                        <div class="panel-body" id="backends">
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div id="echart" style="height: 240px"></div>
        <iframe src="/log/list/"></iframe>
        {% endblock %}
    </div>
</div>

{% block footer %}
<footer>
    <div class="img-rounded nav-fixed-bottom">
        <div class="container">
            {% include 'appbuilder/footer.html' %}
        </div>
    </div>
</footer>
{% endblock %}
{% endblock %}


{% block head_css %}
{{ super() }}
<link href="/static/css/index.css" rel="stylesheet">
{% endblock %}

{% block add_tail_js %}
{{super()}}
<script type="text/javascript" src="/static/js/echarts/echarts.min.js"></script>
<script type="text/javascript" src="/static/js/echarts/echarts-gl.min.js"></script>
<script type="text/javascript" src="/static/js/echarts/ecStat.min.js"></script>
<script type="text/javascript" src="/static/js/echarts/dataTool.min.js"></script>

<script src="/static/js/socket.io.js"></script>
<script src="/static/js/index.js"></script>
{% endblock %}